<template>
  <div>
    <ve-pie :data="chartData" :extend="chartExtend" :settings="chartSettings1">
    </ve-pie>
  </div>
</template>

<script>
export default {
  data() {
    //饼图
    this.chartExtend = {
      legend: {
        orient: "vertical", // 图例布局朝向
        left: "left", // 是否左对齐
        top: 100, //距离顶部的距离
        itemGap: 15, //图例标题间距
        textStyle: {
          //修改图表标题的颜色
          color: "white",
          fontSize: 15,
        },
      },
    };
    this.chartSettings1 = {
      offsetY: 150, //组件向y轴偏移距离
    };
    return {
      //饼图
      chartData: {
        columns: ["信息", "访问用户"],
        rows: [
          { 信息: "告警信息", 访问用户: 1393 },
          { 信息: "违规信息", 访问用户: 3530 },
          { 信息: "红头信息", 访问用户: 2923 },
          { 信息: "涉密信息", 访问用户: 1723 },
        ],
      },
    };
  },
};
</script>

<style></style>
